{extend name="template"}

{block name="body"}

<!-- 导航栏 -->
<div class="layui-row common-nav" style="width:100%;position:fixed;top:0;left:0;height:100px;z-index:90;">
    {include file="common/header" /}
</div>
<div id="search_form" style="display: none;z-index:1000;position:absolute;">
    {include file="common/search" /}
</div>

<!-- 轮播图 -->
<div class="layui-row list-carousel" style="position:fixed;top:100px;width:100%;left:0;right:0;height:250px;z-index:80;">
    <div style="width:100%;max-width:1920px;margin:0 auto;">
        <img style="height:100%;width:100%;"  src="__ROOT__/static/index/img/subbanner_02.jpg">
    </div>
</div>

<div class="gas-index layui-fluid" style="width:100%;padding:10px 0 0;background-color:#f7f6f4;position:relative;margin-top:360px;z-index:110;">

    <div class="edu-content layui-row margin-top-20">
        <div class="quick-menu">
            <div>
                <a href="/edu/enroll.html">
                <img style="width:200px;height:60px;" src="__ROOT__/static/index/img/enroll2.png">
                </a>
            </div>
            <div>
                <a href="/edu/query.html">
                <img style="width:200px;height:60px;" src="__ROOT__/static/index/img/result_query2.png">
                </a>
            </div>
        </div>
        <div class="info">

            {foreach $category as $key=>$vo}

            <div class="info-list">
                <div class="header">
                    <span class="icon"></span>
                    <span class="title">{$vo.title}</span>
                    <span class="more"><a href="/edu/list.html?id={$vo.id}">>>更多</a></span>
                </div>
                <div class="content">
                    <ul>
                        {foreach $vo.articles as $key=>$vo2}
                        <li>
                            <span class="nav-icon padding-right-5 fa fa-square dot"></span>
                            <a class="pull-left" href="/edu/detail.html?id={$vo2.id}">{$vo2.title|mb_substr=0,20,'utf-8'}</a>
                            <span class="pull-right">{$vo2.create_at|format_datetime='Y-m-d'}</span>
                        </li>
                        {/foreach}
                    </ul>
                </div>
            </div>

            {/foreach}

        </div>
    </div>

    {include file="common/footer" /}

</div>

{/block}

{block name='style'}
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<script>if (location.href.indexOf('#') > -1) location.replace(location.href.split('#')[0])</script>
<link rel="stylesheet" href="__ROOT__/static/index/index.css">
{/block}

{block name='script'}
<script src="__ROOT__/static/index/index.js"></script>
{/block}
